<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 
        元素类型(标签):
            inline
            block;
            inline-block;
            flex;
            inline-flex;
            table;
     -->
</body>
<script>
    // 数据类型   (js是一个编程语言  => 把所有的数据划分为7类 => 数据类型)

    // String        字符串  一段文本/一句话
    // Number        数字 (整数和小数   正数和负数 0)   
    // Boolean       布尔值 (true|false)
    // null          空
    // undefined     未定义

    // Array         数组(一组数)
    // Object        对象(对一个或一类事物特征和行为的描述)

    // 小技巧: 看颜色 分辨类型 (字符串 => 黑色 , 数字/布尔值 => 蓝色  null/undefined => 灰色)

    // typeof   判断数据类型  => 返回判断的结果(对应数据的类型) (字符串  "string" , "number" ,"boolean","object","undefined")

    // 注意:
    // typeof null  => "object" (null是一个特殊的对象)
    // typeof undefined => "undefined"

    // JS是弱类型的语言  => 赋值赋的是啥类型就是啥类型

    var str = "hello";
    var str = "100";
    // console.log(str);
    // console.log(typeof str);
    console.log(str,typeof str); // "hello"  =>  "string"

    var num = 100;
    var num = 100.5;
    console.log(num,typeof num); // 100.5  => "number"

    var bool = true;
    console.log(bool,typeof bool); // true => "boolean"

    // // var a = document.getElementById("box");
    var a = null;   // 在其他语言中,声明变量不赋值 => 一般要求赋空值(null)
    console.log(a,typeof a);   // null => "object"

    var b;
    // console.log(b); // undefined  声明变量 不赋值(默认值  undefined)
    console.log(b,typeof b); // undefined(值)  => "undefined"



</script>
</html>